<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="../include/tag.jsp" %>
<!DOCTYPE html>
<html lang="zh">
<head>
    <title>审核详情</title>
    <link rel="stylesheet" href="${ctx}/css/common/list.css">
    <link rel="stylesheet" href="${ctx}/css/common/table.css">
    <%@include file="../include/commonFile.jsp" %>
    <style>
        .verify-info li {
            line-height: 30px;
            letter-spacing: 1.2px;
        }

        .verify-step-info {
            display: flex;
        }

        .verify-step-info li {
            text-align: center;
            width: 120px;
        }

        .verify-step-info li.line {
            width: 60px;
            border-bottom: 2px solid #d3d3d3;
            height: 50px;
        }

        .verify-step-info li .step {
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 8px 10px;
            margin: 10px 0px;
        }

        .verify-step-info li .no-current {
            background-color: #d3d3d3!important;
        }

        .aui-field-title {
            border: none;
            border-top: 1px solid #e2e2e2;
            text-align: center;
            margin: 15px 30px 0px;
            width: 50%;
        }

        .aui-field-title legend {
            padding: 0px 10px;
        }
    </style>
</head>
<body>
<!--头部-->
<%@include file="../include/header.jsp" %>
<div class="index-outside">
    <%@include file="../include/sidebar.jsp" %>
    <!--内容-->
    <section>
        <div class="section-main">

            <div class="f-search-bar">
                <fieldset class="aui-field-title">
                    <legend>审核流程</legend>
                </fieldset>
                <ul class="verify-step-info" style="margin: 15px 0px 25px 30px;">
                    <li>
                        <div>第一步</div>
                        <div class="step ${result.checkStatus == 1 ? '' : 'no-current'}">佣金核算</div>
                        <div><fmt:formatDate value="${result.createDate}" pattern="yyyy-MM-dd HH:mm"/></div>
                    </li>
                    <li class="line"></li>
                    <li>
                        <div>第二步</div>
                        <div class="step ${result.checkStatus == 4 ? '' : 'no-current'}">审核解冻佣金</div>
                        <div><fmt:formatDate value="${result.checkDate}" pattern="yyyy-MM-dd HH:mm"/></div>
                    </li>
                    <li class="line"></li>
                    <c:if test="${result.checkStatus != 6}">
                        <li>
                            <div>第三步</div>
                            <div class="step ${result.checkStatus == 5 ? '' : 'no-current'} ">审核通过</div>
                            <div><fmt:formatDate value="${result.freezeDate}" pattern="yyyy-MM-dd HH:mm"/></div>
                        </li>
                    </c:if>
                    <c:if test="${result.checkStatus == 6}">
                        <li>
                            <div>第三步</div>
                            <div class="step ${result.checkStatus == 6 ? '' : 'no-current'} ">审核拒绝</div>
                            <div><fmt:formatDate value="${result.freezeDate}" pattern="yyyy-MM-dd HH:mm"/></div>
                        </li>
                    </c:if>
                </ul>
                <fieldset class="aui-field-title">
                    <legend>金额核算</legend>
                </fieldset>
                <ul class="verify-info" style="margin: 15px 0px 25px 30px;">
                    <li><div class="l">结算账户：</div>
                        <div class="member-cell l" style="max-width: 30%">
                            <div class="member-logo common-img" >
                                <img src="${result.logo}" alt="" onerror="txz.errImg(this)" onload="txz.imgLoad(this)">
                            </div>
                            <div class="member-name ellipsis-1">
                                <a class="blue" title="${result.realname}" href="javascript:void(0);">${result.realname}</a>
                            </div>
                        </div>
                        <div class="cl"></div>
                    </li>
                    <li>项目名称：<span>${result.title}</span></li>
                    <li>成功时间：<span><fmt:formatDate value="${result.successDate}" pattern="yyyy-MM-dd HH:mm"/></span></li>
                    <li>项目金额：<span>¥<fmt:formatNumber pattern="0.00" value="${result.totalPrice}"/>元</span></li>
                    <li>佣&emsp;&emsp;金：<span>¥<fmt:formatNumber pattern="0.00" value="${result.brokerage}"/>元</span></li>
                </ul>
                <fieldset class="aui-field-title">
                    <legend>备注信息</legend>
                </fieldset>
                <ul class="verify-info" style="margin: 15px 0px 25px 30px;">
                    <li>${result.remarks}</li>
                </ul>
            </div>
        </div><!--底部-->
        <%@include file="../include/footer.jsp" %>
    </section>
</div>

<script type="text/javascript">
    function refundFn() {
        var type = '${type}';
        if (type == "check") {
            location.href = "${ctx}/copartner/brokerage/verifyList.do";
        } else if (type = "freeze") {
            location.href = "${ctx}/copartner/brokerage/freezeList.do";
        }
    }
</script>
<script type="text/javascript">
    txz.initHeader({
        nav:[{
            name: '${type == "check" ? '佣金核算' : '佣金解冻'}',
            href: 'javascript:refundFn();'
        },{
            name: '审核详情',
            curr: true
        }],
        btns:[{
            name: '返回',
            href: 'javascript:refundFn();',
            icon: 'back'
        }]
    });
</script>
</body>
</html>